<div id="documentation">
    <div id="sidebar" style="height:600px;">
        <?php foreach ($this->classIndex as $module => $index) { ?>
            <h3><a href="#"><?= $module ?></a></h3>
            <div>
                <?php foreach ($index as $type => $classes) {?>
                    <h4><?= ucfirst($type) ?></h4>
                    <ul class="classes <?= $type ?>">
                        <?php foreach ($classes as $class) {;?>
                            <li class="<?= $type ?>">
                                <a class="inspect_class" href="<?= $class?>"><?=$class?></a>
                            </li>
                        <?php } ?>
                    </ul>
                <?php } ?>
            </div>
        <?php } ?>
    </div>
    <div id="content">
        <h2>Digitalus Documentor</h2>
        <p>info...</p>
    </div>
</div>

<?php
    $this->jQuery()->addStylesheet('/jquery/dp.SyntaxHighlighter/Styles/SyntaxHighlighter.css');
    $this->jQuery()->addJavascriptFile('/jquery/dp.SyntaxHighlighter/Scripts/shCore.js');
    $this->jQuery()->addJavascriptFile('/jquery/dp.SyntaxHighlighter/Scripts/shBrushPhp.js');
    $this->jQuery()->onLoadCaptureStart();
?>
$('#sidebar').accordion({ autoHeight: false });

$('a.inspect_class').live('click', function() {
    $.dig.ui.disable();
    $("#content").load('/digDoc/index/inspect/class/' + $(this).attr('href'), function() {$.dig.ui.enable()});
    return false;
});
<?php $this->jQuery()->onLoadCaptureEnd();?>
